<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>角色管理</title>
    <%@include file="/WEB-INF/views/common/link.jsp" %>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
    <%@include file="/WEB-INF/views/common/navbar.jsp" %>
    <!--菜单回显-->
    <c:set var="currentMenu" value="role"/>
    <%@include file="/WEB-INF/views/common/menu.jsp" %>
    <div class="content-wrapper">
        <section class="content-header">
            <h1>角色编辑</h1>
        </section>
        <section class="content">
            <div class="box">
                <form class="form-horizontal" action="/role/saveOrUpdate.do" method="post" id="editForm">
                    <input type="hidden" value="${entity.id}" name="id">
                    <div class="form-group" style="margin-top: 10px;">
                        <label for="name" class="col-sm-1 control-label">名称：</label>
                        <div class="col-sm-4">
                            <input type="text" class="form-control" id="name" name="name" value="${entity.name}"
                                   placeholder="请输入角色名">
                        </div>
                    </div>
                    <div class="form-group" style="margin-top: 10px;">
                        <label for="sn" class="col-sm-1 control-label">编码：</label>
                        <div class="col-sm-4">
                            <input type="text" class="form-control" id="sn" name="sn" value="${entity.sn}"
                                   placeholder="请输入角色编码">
                        </div>
                    </div>

                    <%--<div class="form-group" id="role">--%>
                        <%--<div>--%>
                            <%--<label for="role" class="control-label" style="margin-left: 60px">权限：</label>--%>
                        <%--</div>--%>
                        <%--<div class="row" style="margin-top: 10px">--%>
                            <%--<div class="col-sm-4 col-sm-offset-1">--%>
                                <%--<select multiple class="form-control allPermissions" size="15">--%>
                                    <%--<c:forEach items="${permissions}" var="p">--%>
                                        <%--<option value="${p.id}">${p.name}</option>--%>
                                    <%--</c:forEach>--%>


                                <%--</select>--%>
                            <%--</div>--%>
                            <%--<div class="col-sm-2" style="margin-top: 60px;" align="center">--%>
                                <%--<div>--%>
                                    <%--<a type="button" class="btn btn-info  " style="margin-top: 10px"--%>
                                       <%--onclick="moveSelected('allPermissions', 'selfPermissions')">&nbsp;&gt;&nbsp;</a>--%>
                                    <%--<br>--%>
                                    <%--<a type="button" class="btn btn-info " style="margin-top: 10px"--%>
                                       <%--onclick="moveSelected('selfPermissions', 'allPermissions')">&nbsp;&lt;&nbsp;</a>--%>
                                    <%--<br>--%>
                                    <%--<a type="button" class="btn btn-info " style="margin-top: 10px"--%>
                                       <%--onclick="moveAll('allPermissions', 'selfPermissions')">&gt;&gt;</a>--%>
                                    <%--<br>--%>
                                    <%--<a type="button" class="btn btn-info " style="margin-top: 10px"--%>
                                       <%--onclick="moveAll('selfPermissions', 'allPermissions')">&lt;&lt;</a>--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="col-sm-4">--%>
                                <%--<select multiple class="form-control selfPermissions" size="15" name="ids">--%>
                                    <%--<c:forEach items="${entity.permissions}" var="p">--%>
                                        <%--<option value="${p.id}">${p.name}</option>--%>
                                    <%--</c:forEach>--%>

                                <%--</select>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                    <div class="form-group">
                        <div class="col-sm-offset-1 col-sm-6">
                            <button id="submitBtn" type="button" class="btn btn-primary">保存</button>
                            <button type="reset" class="btn btn-danger">重置</button>
                        </div>
                    </div>

                </form>

            </div>

        </section>
    </div>
    <%@include file="/WEB-INF/views/common/footer.jsp" %>
</div>
<script>
    $(".selfPermissions option").each(function (index, item) {
        $(".allPermissions option[value="+item.value+"]").remove();
    })

    function moveAll(src,dest) {
        $.each($("."+src+" option"),function (index, value) {
            $("."+dest+"").append($(value));
        })

    }
    function moveSelected(src,dest) {
        $.each($("."+src+" option:selected"),function (index, value) {
            $("."+dest+"").append($(value));
        })
    }

    $("#submitBtn").click(function () {
        $(".selfPermissions option").prop("selected",true);
        $("#editForm").submit();
    })
</script>

</body>
</html>
